/*
-----------------------------------------------
www.sevenever.com site Style
Name:     main
Designer: sevenever
URL:      www.sevenever.com
Date:     19 Jul 2008
----------------------------------------------- 
*/

@media all {
  /* standard elements */
  * {
      margin: 0;
      padding: 0;
      }
  
  a {text-decoration: none;
      color:#578CAE;
      }
  
  body {
         background: #578CAE url(../img/bg.png) top right repeat-x;
         color: #ddd;
         font: normal 12px Arial,Verdana,Tahoma,Trebuchet MS,"Lucida Sans Unicode",Arial,sans-serif;
         margin:0 12%;
         }

  p,blockquote,ul {
                    font-size: 12px;
                    padding-bottom: 1.2em;
                    }
  
  blockquote {font: italic 11px Georgia;}
  
  code {
         background: #222;
         display: block;
         font-size: 12px;
         margin: 0 10px 12px;
         overflow: auto;
         padding: 8px 10px;
         white-space: pre;
         }
  
  img {border: none;}
  
  ul {margin-left: 2em;}
  h1 {font: normal 2em Trebuchet Ms, Arial,sans-serif;}
  h2 {
       font: normal  2em Trebuchet Ms, Arial,sans-serif;
       padding-bottom: 4px;
       }
  
  /* misc */
  .clearer {clear: both;}

  .stripes {
             background: inherit;
             height: 7px;
             }
  .left {float: left;}
  .right {float: right;}
  
  /* header */
  .header {
            background: inherit;
            border-bottom: 0px solid #333;
            font: normal 2em Arial, sans-serif;
            height: 159px;
            }

  .header a {
              color: #888;
              display: block;
              line-height: 159px;
              text-decoration: none;
              font: normal 1em Arial, sans-serif;
              width: 100%;
              }
  
  .header a img {
                  color: #888;
                  text-decoration: none;
                  font: normal 1em Arial, sans-serif;
                  text-align:right;
                  }

  .header span {
                 padding-left: 32px;
                 display:none;
                 }

  .header a:hover {
                    color: #BBB;display: block;
                    line-height: 159px;
                    text-decoration: none;
                    font: normal 1em Arial, sans-serif;
                    width: 100%;
                    }

  /* structure */
  .container {
               border: 0px solid #000;
               border-top: none;
               }

  .main {
          background: #26658E;
          border-bottom: 0px;
          border-left: 0px dotted #333;
          }
  .main .left {width: 64%;}
  .main .right {width: 36%;}
  
  .content {
             background: #26658E;
             border-left: 0px solid #3C3C3C;
             border-top: 0px dotted #3C3C3C;
             padding: 16px;
             }

  .content2 {
              border-left: 0px solid #3C3C3C;
              border-top: 0px solid #3C3C3C;
              padding: 0px;
              }

  /* content elements */
  .content h1 {
                border-bottom: 1px dotted #222836;
                color: #fff;
                margin-bottom: 10px;
                padding: 3px 0 3px;
                }
  
  .post h1 a {
               border-bottom: 0px dotted #fff;
               color: #fff;
               background-color: #2E6F99;
               font-weight:bold;
               margin-bottom: 10px;
               padding: 3px 0 3px;
               text-decoration:none;
               }

  .post h1 a:hover {
                     border-bottom: 0px dotted #fff;
                     color: #fff;
                     background-color: #2E6F99;
                     font-weight:bold;
                     margin-bottom: 10px;
                     padding: 3px 0 3px;
                     text-decoration:none;
                     }
  
  .post h1 a:visited{
                      border-bottom: 0px dotted #fff;
                      color: #fff;
                      background-color: #2E6F99;
                      font-weight:bold;
                      margin-bottom: 10px;
                      padding: 3px 0 3px;
                      text-decoration:none;
                      }

  .content a {
               text-decoration: none;
               color:#fff;
               }

  .content a:hover {
                     text-decoration: none;
                     color:#d70000;
                     }

  /* navigation */
  .nav {background:  #012839; border-bottom:4px solid #F1F1F1;}
  .nav a {
           background:  #012839;
           color: #fff;
           float: left;
           font: normal 12px Arial,Verdana,Tahoma,Trebuchet MS,"Lucida Sans Unicode",Arial,sans-serif;
           line-height: 45px;
           padding: 0 20px;
           }

  .nav ul li {
               background:  #012839;
               color: #fff;
               float: left;
               font: normal 12px Arial,Verdana,Tahoma,Trebuchet MS,"Lucida Sans Unicode",Arial,sans-serif;
               line-height: 45px;
               display:inline;
               list-style:none;
               }

  .nav ul li a {
                 background:  #012839;
                 border-right: 0px dotted #101010;
                 color: #fff;
                 float: left;
                 font: normal 12px Arial,Verdana,Tahoma,Trebuchet MS,"Lucida Sans Unicode",Arial,sans-serif;
                 line-height: 45px;
                 display:inline;
                 list-style:none;
                 }

  .nav a:hover, .nav.blog a{
                             background: #F1F1F1;
                             color:#222;
                             }
  
  /* sub-navigation */
  .subnav {
            font-size:12px;
            background-color: #012839;
            border-top: 0px dotted #333;
            border-left: 7px solid #578CAE;
            padding: 12px;
            color:#fff;
            }
  .subnav h1 {padding-top: 8px;
               color:#fff;font-weight:bold;}
  .subnav ul {margin: 0;}
  .subnav li {
               list-style: none;
               margin: 0;
               padding-left: 18px;
               }

  .subnav .arch li {
                     list-style: none;
                     margin: 0;
                     padding-left: 18px;
                     }
  
  .subnav .sponsor li {
                        list-style: none;
                        margin: 0;
                        padding-left: 18px;
                        }
  
  .subnav .book li {
                     list-style: none;
                     margin: 0;
                     padding-left: 18px;
                     }

  .subnav li a {
                 text-decoration: none;
                 color:#578CAE;
                 line-height: 18px;
                 font-size:12px;
                 }
  
  .subnav li a:hover {text-decoration: none;
                       color:#ccc;}

  /* footer */
  .footer {
            background: #080808;
            border-top: 7px solid #578CAE;
            color: #999;
            padding: 3% 3% 1%;
            }
  .footer ul {
               border-top: 1px solid #111416;
               margin: 0;
               }
  .footer li {
               border-bottom: 1px solid #111416;
               list-style: none;
               }
  .footer li a {
                 display: block;
                 line-height: 16px;
                 padding-left: 4%;
                 width: 96%;
                 }
  .footer a {color: #666;}
  .footer a:hover {
                    color: #fff;
                    background: #C3203B;
                    }
  
  .col3,.col3center {
                      float: left;
                      width: 31%;
                      }
  .col3center {margin: 0 3%;}
  
  /* bottom */
  .bottom {
            color: #666;
            clear: both;
            font-size: 11px;
            }
  .bottom a {color: #888;}
  
  
  .post{margin:0 0 25px 0;}

  .postFooterLinks{
                    font-size:12px;
                    }

  .postTags{
             font-size:12px;
             }

  .post .info{
               padding:2px 3px 3px 8px;
               border-bottom:0px solid #3c3c3c;
               border-right:0px solid #3c3c3c;
               border-top:0px solid #191919;
               border-left:0px solid #191919;
               background: #012839;
               font-size:12px;
               color:#ccc;
               }
  
  
  /* Comments Styling */
  .commentItem{
                border-top: 1px dotted #222836;
                }
  .commentTitle{ 
                 font-weight:bold;
                 }
  #commentlist li {
                    margin-bottom: 1.5em;
                    padding-bottom: 1em;
                    border-bottom: 1px solid #700000;
                    }
  
  #commentform {
                 margin: 1em 0;
                 background: #222836;
                 width: 450px;
                 padding:10px;
                 }
  
  #commentform textarea {
                          background: #f8f7f6;
                          border: 0px solid #d6d3d3;
                          width: 450px;
                          }
  #commentform textarea:hover {
                                background: #FFFFFF;
                                border: 0px solid #d6d3d3;
                                }
  #commentform textarea:focus {
                                background: #ffffff;
                                border: 0px solid #939793;
                                }
  
  #commentform #email, #commentform #author, #commentform #url {
                                                                 font-size: 12px;
                                                                 background: #f8f7f6;
                                                                 border: 0px solid #d6d3d3;
                                                                 width: 450px;
                                                                 }
  #commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
                                                                                   font-size: 12px;
                                                                                   background: #ffffff;
                                                                                   border: 0px solid #d6d3d3;
                                                                                   width: 450px;
                                                                                   }
  #commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
                                                                                   font-size: 12px;
                                                                                   background: #ffffff;
                                                                                   border: 0px solid #939793;
                                                                                   width: 450px;
                                                                                   }
  #commentform input{
                      margin-bottom: 3px;
                      }
  
  
  .content ul li
  {
    margin-left:10px;
    
    }
  
  
  
  .content ol li
  {
    margin-left:20px;
    padding-bottom:5px;
    }

  .errmsgArea{ 
               background-color:#F00;
               font-weight: bold;
               }
  .infomsgArea{ 
               background-color:#0E3;
               font-weight: bold;
               }
}
